<!DOCTYPE html>
<html lang="en">
<head>
  <title>优图普（深圳）金融科技有限公司</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.1.0/css/bootstrap.min.css">
  <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
  <script src="https://cdn.staticfile.org/popper.js/1.12.5/umd/popper.min.js"></script>
  <script src="https://cdn.staticfile.org/twitter-bootstrap/4.1.0/js/bootstrap.min.js"></script>
</head>

<body>
<div class="jumbotron text-center" style="margin-bottom:0">
  <h1>AI赋能金融保险</h1>
  <p>
    nlp & block_chain
  </p>
</div>
<nav class="navbar navbar-expand-sm bg-dark navbar-dark">
  <a class="navbar-brand" href="#">优图普</a>
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
    <span class="navbar-toggler-icon"></span>
  </button>
  <div class="collapse navbar-collapse" id="collapsibleNavbar">
    <ul class="navbar-nav">
      <li class="nav-item">
        <a class="nav-link" href="#">首页</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">产品</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">解决方案</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">核心技术</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">我们</a>
      </li>
    </ul>
</div>
</nav>

<div id="demo" class="carousel slide" data-ride="carousel">

        <!-- 指示符 -->
        <ul class="carousel-indicators">
          <li data-target="#demo" data-slide-to="0" class="active"></li>
          <li data-target="#demo" data-slide-to="1"></li>
          <li data-target="#demo" data-slide-to="2"></li>
        </ul>

        <!-- 轮播图片 -->
        <div class="carousel-inner">
          <div class="carousel-item active">
            <img src="https://static.runoob.com/images/mix/img_fjords_wide.jpg" width="1550px" height="400px">
            <div class="carousel-caption">
            </div>
          </div>
          <div class="carousel-item">
            <img src="https://static.runoob.com/images/mix/img_nature_wide.jpg" width="1550px" height="400px">
            <div class="carousel-caption">
            </div>
          </div>
          <div class="carousel-item">
            <img src="https://static.runoob.com/images/mix/img_mountains_wide.jpg" width="1550px" height="400px">
            <div class="carousel-caption">
            </div>
          </div>
        </div>
        <!-- 左右切换按钮 -->
        <a class="carousel-control-prev" href="#demo" data-slide="prev">
          <span class="carousel-control-prev-icon"></span>
        </a>
        <a class="carousel-control-next" href="#demo" data-slide="next">
          <span class="carousel-control-next-icon"></span>
        </a>

      </div>

<div class="container" style="margin-top:30px">
  <div class="row">
    <div class="col-sm-4">
      <h2>课程</h2>
      <div class="list-group">
            <a href="#" class="list-group-item list-group-item-action">第8、9章课件</a>
            <a href="#" class="list-group-item list-group-item-action">实验十：基于Boostrap进行网页设计</a>
            <a href="#" class="list-group-item list-group-item-action">web Service例子</a>
            <a href="#" class="list-group-item list-group-item-action">期末大作业的要求 </a>
            <a href="#" class="list-group-item list-group-item-action">进行上机实验考试的通知</a>
            <a href="#" class="list-group-item list-group-item-action">web界面设计模式 -- 报告报名</a>
          </div>
        </br>
      <h2>项目</h2>
      <div class="list-group">
            <a href="#" class="list-group-item list-group-item-action">软件和共享</a>
            <a href="#" class="list-group-item list-group-item-action">Xiamen Taxi Dataset</a>
            <a href="#" class="list-group-item list-group-item-action">轨迹数据的挖掘和可视化 </a>
            <a href="#" class="list-group-item list-group-item-action">车载网络数据收集</a>
            <a href="#" class="list-group-item list-group-item-action">直播流媒体技术</a>
            <a href="#" class="list-group-item list-group-item-action">WebGIS 地图展示</a>
          </div>
    </div>

    <div class="col-sm-8">
      <h2>新闻</h2>
      <div class="list-group">
            <a href="#" class="list-group-item list-group-item-action">香港浸会大学招收数据库和数据挖掘方向的博士研究生 </a>
            <a href="#" class="list-group-item list-group-item-action">实验室5个项目获厦门大学大学生创新创业计划项目资助</a>
            <a href="#" class="list-group-item list-group-item-action">天津理工大学李玉坤教授访问MOCOM实验室  </a>
            <a href="#" class="list-group-item list-group-item-action">MOCOM实验室长期招募研究生/本科生 </a>
            <a href="#" class="list-group-item list-group-item-action">厦门大学软件学院暑期夏令营招生简章 </a>
            <a href="#" class="list-group-item list-group-item-action">墨尔本大学甘骏豪老师招收博士生  </a>
          </div>
        </br>
      <h2>文章</h2>
      <div class="list-group">
            <a href="#" class="list-group-item list-group-item-action">Hetero-Edge论文介绍_陶玉娇</a>
            <a href="#" class="list-group-item list-group-item-action">论文阅读：Adaptive Dynamic Bipartite Graph Matching A Reinforcement Learning Approach_杨诗鹏_熊安书</a>
            <a href="#" class="list-group-item list-group-item-action">Cplex介绍_徐易凡_孟戈 </a>
            <a href="#" class="list-group-item list-group-item-action">特征抽取：CountVectorizer -- spark.ml</a>
            <a href="#" class="list-group-item list-group-item-action">编程是什么：面朝大海，打字编码</a>
          </div>

    </div>
  </div>
</div>

<div class="col-sm-12" style="height:70px;background-color:rgb(201, 201, 201);text-align: center">
  <p>厦门大学 MOCOM 计算小组 @ 2016   备案号:U500819</p>
</div>

</body>
